<template>
  <div>
    <!-- 赋值会调用set -->
    <button @click="msg = 'hello'">修改msg</button>

    <!-- 取值会调用get -->
    <p>读取msg -- {{ msg }}</p>
  </div>
</template>

<script>
export default {

  computed: {

    msg: {

      // 对计算属性取值时调用
      // 相当于我们之前写的计算属性的简写形式
      // 也就是依赖一些数据计算得到一个结果
      get () {
        console.log('get调用了')
        return '马杀鸡3333'
      },

      // 当对计算属性赋值时调用
      // 参数就是赋的值
      set (val) {
        console.log('set调用了', val) 
      }
    }
  }
}
</script>

<style>

</style>